<template>
  <div class="risk-estimate">
    <div class="title"></div>
    <div class="main">
      <LeftPart />
      <div class="right"></div>
    </div>
    <div class="summary">监管单位 165 家，其中已评分单位 128 家 </div>
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import LeftPart from './leftPart/index.vue';

defineComponent({ name: 'RiskEstimate' });
</script>

<style scoped lang="scss">
.risk-estimate {
  @apply relative w-full h-[260px] flex flex-col justify-between;

  .title {
    @apply w-full h-[57px];
    background: url('./assets/title.png') no-repeat center;
  }

  .main {
    @apply w-full mt-[10px] flex;

    .right {
      @apply w-[455px] h-[190px] ml-[88px];
      background: url('./assets/right.png') no-repeat center;
    }
  }

  .summary {
    @apply absolute top-[10px] right-[18px] text-[16px] text-[#DAAD17];
    font-family: Alibaba PuHuiTi;
  }
}
</style>
